//created by: JIAN HUA

Ext.define("MajorProjectSenchaTouch.view.NewArrivals.NewArrivals", {
    extend: 'Ext.Panel',
    xtype: 'newarrivalspage',
    id: 'nArrivalview',
    requires:[
       'MajorProjectSenchaTouch.view.NewArrivals.NewArrivalsList',
	   'MajorProjectSenchaTouch.view.NewArrivals.NewArrivalsSelectType',
    
	
    ],
   config: {
        style: 'background-color: #343433',
        cls: 'backgroundRightPanel',
        layout:{
            type:'fit'
        },
        items:[
        {
            xtype: 'panel',
			
            id: 'displayResMainPan',
            docked: 'top',
            layout:
            {
                type: 'hbox'
            },
            items:[
            {
                xtype: 'panel',
				
                docked: 'top',
                layout:
                {
                    type: 'vbox'
                },
				
                items:[
				{
					   
					xtype: 'typeselect'
						
				},
                {
					xtype:'typesort'
				},
				
                {
					
                    xtype: 'panel',
				
                    items:[
						{
                        xtype: 'panel',
					
                       id: 'seaBtnDisplay',
                        items:[
                        {
                           xtype: 'button',
                            pressedCls:'rsBtnClicked',
                            id:'colBtn',
                            iconCls: 'arrow_up',
                            iconMask:true,
                            handler: function(){
                                var minButton = Ext.getCmp('colBtn');
                                var checkoc = minButton.getIconCls();
                                if(checkoc == 'arrow_up')
                                {
                                    minButton.setIconCls('arrow_down')
                                    Ext.getCmp('NewresultSortWrapper').hide();
									Ext.getCmp('NewresultSortWrapper2').hide();
                                }
                                else
                                {
                                    minButton.setIconCls('arrow_up')
                                    Ext.getCmp('NewresultSortWrapper').show();
									Ext.getCmp('NewresultSortWrapper2').show();
                                }
								
							}
							}
							]
						
					}]
                },
				 
                {
                    xtype: 'panel',
				
                    id: 'naviBtnPan',
                    layout: {
                        type: 'hbox'
                    },
                    items:[
                    {                        
                        xtype: 'label',
                        id:'resultrangeBtn',
                        html: 'Result 1 - 10 of ',
                        action: 'findresult'
                    },
                    {
                        xtype: 'button',
                        id:'naviBtnNCusArrivals',
                        cls: 'naviBtnNPCus',
                        pressedCls:'rsBtnClicked',
                        iconMask:true,
                        iconCls: 'arrow_right',
                        action:'getnextNewArrivalsResult',
                        docked: 'right'
                    },
                    {
                        xtype: 'button',
                        pressedCls:'rsBtnClicked',
                        id:'naviBtnPCusArrivals',
                        cls: 'naviBtnNPCus',
                        iconMask:true,
                        iconCls: 'arrow_left',
                        action:'getprevNewArrivalsResult',
                        docked: 'right'
                    }
                    ]
                }
				
				]
				
				
				
            }
			
			
		
			]
			
       },
		
        {
            xtype: 'newArrivalList'
		       
		}
		
	  ]  
		 
	
    }
});